/* pages/login.wxss */
.login-wrapper {
  position: relative;
  height: 100vh;
  width: 100vw;

  .login-banner {
    width: 100vw;
    height: 33vh;
  }

  .login-box {
    position: absolute;
    bottom: 9vh;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;

    .user-input-box {
      .input-box {
        background-color: #f2f2f2;
        width: 65vw;
        height: 95rpx;
        border-radius: 35rpx;
        padding-left: 20rpx;
      }

      .username {
        @extend .input-box;
        margin-bottom: 10rpx;
      }

      .password {
        @extend .input-box;
        margin-bottom: 45rpx;
      }

      .login-button {
        background-color: #5a84bb;
        color: #f2f2f2;
        width: 68vw;
        border-radius: 30rpx;
        font-weight: 450;
        margin-bottom: 50rpx;
        font-size: 33rpx;
        height: 90rpx;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .tool-box {
        color: #687093;
        font-size: 28rpx;
        font-weight: 400;
        display: flex;
        justify-content: space-around;
      }
    }
  }
}